﻿.foo{}
/* Contributor(s): RetroViz Design. */
/* HTML GENERAL */
body,h1,h2,h3,h4,h5,h6,address,blockquote,dd,dl,hr,form,input{margin:0;padding:0;}
body{font-family:arial, verdana, helvetica, sans-serif;font-size:12px;}
hr{border-bottom:1px solid #CCC;color:#FFF;}
label.forcheckbox{margin:0 0 0 .4em;display:inline;}

/* LINKS */
a{color:#009FFF;text-decoration:none;font-weight:700;}
a:hover{text-decoration:underline;color:#009FFF;font-weight:700;}
a img{border:0;}
.header-menu a{font-weight:400;}
.header-menu a:hover{font-weight:700;}

/* IMAGES */
img{border:none;}

/* HEADINGS & TEXT */
h1,h2,h3,h4,h5,h6{font-family:arial, helvetica, sans-serif;}
h2,h3{font-size:16px;}

/* TABLES */
td{vertical-align:middle;}
td.fieldname{font-size:12px;}
.table-container{}
.table-container .row{}
.table-container .row .item-name{padding:3px 10px 0 0;display:block;white-space:nowrap;padding-right:10px;vertical-align:middle;}
.table-container .row .item-value{padding:3px 0 0;vertical-align:middle;}
/*
table.adminContent{border-collapse:collapse;color:#333;font-size:12px;margin:0;width:100%;vertical-align:middle;text-align:left;}
table.adminContent td.adminTitle{padding:4px;}
table.adminContent td.adminData{padding:4px;}
*/

table.orderContent{border-collapse:collapse;color:#333;font-size:12px;margin:0;width:100%;vertical-align:middle;text-align:left;}
table.orderContent td.orderTitle{padding:4px;}
table.orderContent td.orderData{padding:4px;}

td.orderTitle{text-align:left;vertical-align:middle;white-space:nowrap;width:195px;}
td.orderTitle img{vertical-align:bottom;padding-right:2px;}
td.orderData{text-align:left;vertical-align:middle;}
td.orderData .text-box.single-line{border:1px solid #A7BAC5;width:250px;padding:2px;}
.t-grid .text-box.single-line{border:1px solid #A7BAC5;padding:2px;}
td.orderData textarea{border:1px solid #ACACAC;width:250px;padding:2px;}
td.orderData .t-combobox{width:256px;}
td.orderData .t-numerictextbox .t-input{border:1px solid #ACACAC;width:250px;padding:2px;}
tr.orderSeparator hr{background-color:#D3D3D3;border:medium none;color:#D3D3D3;height:1px;margin-top:10px;margin-bottom:10px;padding:0;}
span.nop-tooltip{white-space:nowrap;}

/* MISC. CLASSES */
.clear{border:medium none;clear:both;float:none;font-size:0;height:0;line-height:0;}
.progress{position:absolute;top:20px;width:280px;height:40px;left:0;right:0;margin-left:auto;margin-right:auto;background:none repeat scroll 0 0 #FFF;padding:5px 10px;text-align:center;z-index:2147483647;}

/* MASTER PAGE WRAPPERS */
.master-wrapper-page{}
.master-wrapper-content{}



/* Generic
----------------------------------------------------------*/
.float-left {
    float: left;
}

.float-right {
    float: right;
}


/* MASTER HEADER
----------------------------------------------------------*/
.header{height:70px;width:100%;background:url(images/header-bg.png) repeat-x;position:relative;}
.header .logo{background:url(images/logo.png);display:block;width:600px;height:70px;text-decoration:none;}
.header .links{position:absolute;right:10px;top:7px;text-align:right;}
a img{border:0;}



/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: 1em;
    margin: 10px 0 0 10px;
    text-align: right;
}

#login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

#login a.username {
        background: none;
        margin: 0;
        padding: 0;
        text-decoration: underline;
    }


#login ul {
        margin: 0;
    }

#login li {
        display: inline;
        list-style: none;
    }

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}


/* MASTER HEADER MENU */
.header-menu{width:100%;background:url(images/admin-menu-bg.gif) repeat-x;text-transform:capitalize;}
.header-menu .t-menu .t-link{padding:.6em .97em;}
.header-menu .t-menu .t-arrow-next{top:7px;}

/* MASTER HEADER STATUS BAR */
.status-bar{background:#e7efef no-repeat;height:26px;border:solid 1px #acacac;padding:0 5px;}
.status-bar .help{padding-top:5px;float:left;font-weight:700;}
.status-bar .breadcrumb{float:right;text-align:right;padding-top:5px;}

/* MASTER ERRORS */
.messageBox{background-color:#F4F4F4;background-position:7px 5px;background-repeat:no-repeat;color:#333;font-family:Tahoma;font-size:11px;margin:5px 0;padding:8px 8px 8px 30px;}
.messageBoxError{background-color:#FFECEC;background-image:url(images/error-message.gif);}
.messageBoxSuccess{background-image:url(images/success-message.gif);}

/* MASTER CONTENT */
.content .cph{padding:20px 15px 5px;}

/* WARNINGS */
.system-warnings ul{padding-left:5px;}
.system-warnings .inprogress,.system-warnings .pass,.system-warnings .fail,.system-warnings .warning{padding-left:40px;display:block;min-height:35px;font-size:120%;vertical-align:middle;}
.system-warnings .inprogress{background:transparent url(images/warnings-ajax-loader.gif) no-repeat;}
.system-warnings .pass{background:transparent url(images/warnings-tick.png) no-repeat;}
.system-warnings .fail{background:transparent url(images/warnings-cross.png) no-repeat;}
.system-warnings .warning{background:transparent url(images/warnings-warning.png) no-repeat;}
.system-warnings .error{color:Red;}
.system-warnings .suggestion{color:Red;font-style:italic;font-size:120%;}
.system-warnings ul{list-style:none;}
.throbber-header{font-size:145%;}
.throbber{display:none;}
.throbber .curtain{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#3e4d45;opacity:0.9;filter:alpha(opacity=90);}
.throbber .curtain-content{position:absolute;left:0;top:0;width:100%;height:100%;}
.throbber .curtain-content div{text-align:center;padding:250px;color:#FFF;}

/* Telerik overrides */
body .t-content.t-state-active{padding:10px!important;}
body .t-tabstrip{margin-bottom:10px!important;}
body .t-button{font-weight:400;color:inherit!important;text-decoration:none;}

/* Telerik overrides */
.form-actions{overflow:hidden;padding-top:1em;}
.form-actions .t-button,.form-actions .t-button button{float:right;margin-left:10px;padding:2px 15px;}

/* SECTION HEADERS removed */
/* SERVER CONTROLS removed */
/* ADMIN GRID VIEW removed */
/* DASHBOARD removed */

/* ORDER AND PRODUCT EDITING
----------------------------------------------------------*/
table.order-edit{width:100%;border:solid 1px #000;padding:5px;}
table.order-edit td{padding:1px 5px;border:medium none;}
.product-attributes-input{}
.product-attributes-input .text-prompt{font-weight:bold;}
.product-attributes-input .required{color:Red;}
.product-attributes-input .attribute-description{font-size:11px;}
.product-attributes-input ul.option-list{padding:0px;margin:0px;}
.product-attributes-input ul.option-list li{list-style:none;}
.product-attributes-input .textbox{width:300px;}
.product-attributes-input textarea{width:300px;height:150px;}



/* SalesOrder Editor Page 
----------------------------------------------------------*/

.editor-fieldset
{
    border:solid 2px #b7ddf2;
    background:#ebf4fb;
    width: 800px;
    margin: 10px 10px 0 0;
}

legend
{
	font-weight: bold;
}
 .row 
{
	width:  auto;
	clear:  both;
	margin: 10px 0 0 0;
}

.column         /*One column per row*/
{
	width:  100%;    
}

.column1        /*Two columns per row. Left column*/
{
    width:  50%;
	float:  left;     
}

.column2        /*Two columns per row. Right column*/
{
    width:  50%;
	float:  right;         
}

 
.editor-label
{
	 float:left;
     display:block;
     font-weight:bold;
     text-align:right;
     width:100px;
     padding: 5px 0 5px 10px;
 }
 
.editor-textbox
{
	float:      left;
	width:      30%;
	padding:    5px 2px 5px 10px;
}


.editor-multilinetextbox
{	float:      left;
	width:      60%;
	padding:    5px 2px 5px 10px;
}


.editor-checkbox 
{
	float:      left;
	width:      15%;
	padding:    5px 2px 5px 10px;
}


.tab-editor-checkbox 
{
	float:      left;
	width:      20%;
	padding:    5px 2px 5px 10px;
}

#form-SalesOrder1 
{
    width:      900px;
}

#form-SalesOrder2 
{
    width:      900px;
    min-height: 500px;

}


